<!---- SUI模板 on ${DATE} -->
<script ng-init="initCssAndJs()"></script>
<script ng-init="initCss('mynews-page/css/mynews.css')"></script>
<header class="bar bar-nav">
    <a class="icon icon-left pull-left button-nav" href="#/personal-center"></a>

    <h1 class="title" style="z-index:-1">我的消息({{len}}条未读)</h1>

    <div class="pull-right ignore-all" ng-click="ignoreAllReply()" style="touch-action: none;z-index:999999">忽略全部</div>
</header>
<div class="content" ng-init="showNews()">

    <div class="new-list">
        <ul>
            <li ng-repeat="x in newsInfo">
                <div class="user-comment">
                    <div class="comment-bar">
                        <div class="user-avatar pull-left">
                            <img ng-if="!x.user.userAvatarAddress" ng-src="page/evaluate-details-page/img/toux.jpg">
                            <img ng-if="x.user.userAvatarAddress" ng-src="{{x.user.userAvatarAddress}}">
                        </div>
                        <div class="pull-right dateAndName">
                            <div class="nickname"><span>{{x.user.userNickName}}</span>
                                <span class="pull-right" style="font-size: .7rem"
                                      ng-click="ignoreAReply(x.interactionId)">忽略</span>
                            </div>

                            <div class="date">{{x.interactionDate|date:'yyyy-MM-dd HH:mm:ss'}}</div>
                        </div>
                    </div>
                </div>
                <div class="reply-content" ng-click="getInteraction(x.parentId)">{{x.dynamicComment}}</div>
                <div class="new-comment" ng-click="getDynamicId(x.dynamicId)">
                    <div class="new-comment-bar">
                        <div class="new-picture pull-left">
                            <img ng-if="!x.dynamic.dynamicImg" ng-src="page/evaluate-details-page/img/toux.jpg">
                            <img ng-if="x.dynamic.dynamicImg" ng-src="{{x.dynamic.dynamicImg}}">
                        </div>
                        <div class="pull-right new-con">
                            <div class="new-con1">{{x.dynamic.dynamicTitle}}</div>
                            <div class="new-con2">
                                <ul>
                                    <li>
                                        {{x.dynamic.dynamicContent | cut:true:65:'...'}}
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div style="clear: both"></div>
            </li>
        </ul>
    </div>
    <div ng-if="listSize==0" class="card" style="border: none">
        <div class="card-picture" style="padding-top: 3rem;width: 5rem;margin: 0 auto">
            <img ng-src="page/myorders1-page/img/noorder.png" alt="" style="width: 5rem">
        </div>
        <div style="width: 5rem;margin: 0 auto;text-align: center;color: #eaeaea">暂无消息</div>

    </div>
</div>
<div ng-init="suiMobileInit()"></div>